/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     公共面板    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.Survey-OurPanel {
  padding: 1vh 1.5vw;
  box-sizing: border-box;

  /* ============================== 全高 ============================== */
  &-full {
    height: 100%;
  }

  /* ============================== 三分之一高度 ============================== */
  &-third {
    height: 33.333333%;
  }

  /* ============================== 标题 ============================== */
  > .flex0 {
    display: flex;
    align-items: center;
    line-height: 20px;
    margin-bottom: 2.4vh;

    /* —————————————————————————————— 图片 —————————————————————————————— */
    > img {
      position: absolute;
      left: -20px;
      top: 6px;
    }

    /* —————————————————————————————— 文本 —————————————————————————————— */
    > div {
      position: relative;
      flex: 1;
      margin: 0 16px;
      font-size: 16px;
      font-weight: bold;
      letter-spacing: 4px;
      color: var(--White);
      background: linear-gradient(177deg, #f4fbff 0%, #3ccfff 100%);
      background-clip: text;
      -webkit-text-fill-color: transparent;

      span + span {
        margin-left: 20px;
        letter-spacing: 0;
      }
    }

    /* —————————————————————————————— 按钮 —————————————————————————————— */
    > .CoreWeb-BtnText {
      position: relative;
      padding: 3px 0 1px;
      color: #76e0ff;

      &:hover {
        color: #b4eeff;
      }

      &:active {
        color: #5ad9ff;
      }
    }
  }
}
